<html><head> 
 
<script type="text/javascript" src="mysource_files/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="mysource_files/jquery-ui-1.7.2.custom.min.js"></script> 
<script type="text/javascript" src="mysource_files/jquery.mousewheel.min.js"></script> 

<title>COSI :: The University of Waikatio</title> 
<link type="text/css" href="mysource_files/jquery-ui-1.7.2.custom.css" rel="stylesheet" />    
<link type="text/css" href="mysource_files/cosi_calender.css" rel="stylesheet" />    
<link type="text/css" href="mysource_files/common.css" rel="stylesheet" />
<link type="text/css" href="mysource_files/news.css" rel="stylesheet" />        
<style type="text/css"> 

.dock {    
	position:absolute; 
	background:url(mysource_files/drop_bg.png);
	padding:0px;
	border:1px solid #d5d5d5; 
}

.body { 
	right:180px;
	left:200px; 
	position:absolute; 
	background:#eee;
	height:750px; 
}

.footer { 
	position:absolute; 
	left:195px; 
	top:780px; 
	right:180px; 
	height:54px; 
	border-color:#CCC; 
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#656565; 
	}

.portlet {
	margin-bottom:20px; 
	border:none; 
	}
.portlet-header {   
border:none;
padding:1px; 
padding-left:3px; 
color:#999; 
font-family:sans-serif; 
font-weight:normal; 
font-size:11px; 
background:url(mysource_files/gradientset_title.png) 0px -110px repeat-x #222; 
cursor:move;
}

.portlet-header .ui-icon { 
	float: right; 
	cursor:pointer; 
	}
    
.portlet-content { 
	padding:1px; 
	padding-left:3px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
}
    .ui-sortable-placeholder { 
	border: 1px dashed #777; 
	background:none; visibility: 
	visible !important; 
	height: 50px !important; 
}

    .ui-sortable-placeholder * { 
	visibility: hidden; 
	}
    
    .panel_toggle_button { 
	width:20px; 
	right:0px; 
	position:absolute; 
	height:20px; 
	background:url(mysource_files/buttonset_dark.png) no-repeat -126px 50%;  
	}

    .left_panel {  
	position:absolute; 
	background:#333; 
	left:0px; 
	right:0px; 
	width:190px; 
	height:196px; 
	top:0px; 
	position:absolute; 
	border:none;   
	border:1px solid #d5d5d5; 
	}
 
	#calender_dock_panel {
		
		top:24px;
    position:absolute;
	left:48px;
    width: 280px;
    height: 202px;
    z-index:1;
    border:3px solid #333;
	background-color:#eee;
		
	}
	
    #menumap {
    position:absolute;
    top:160px;
    left:193px;
    width: 450px;
    height: 393px;
    z-index:1px;
    font-family:Arial, Helvetica, sans-serif;
    color:#eee;
    font-size:12px;
    font-weight:normal;
    border:1px solid #ddd;
    background:#333;
}
.menumap_container {
    position:absolute; 
    left:0px; 
    width:430px; 
    height:340px; 
    right:0px; 
    background:#eee;
    top:0px;
}
  
    .title_bar { 
	position:absolute; 
	top:2px; 
	height:20px; 
	padding:2px;
	font-size:10px; 
	}
    .search_field {
	position:absolute;
	height:19px;
	background-color:#ddd;
	color:#999;
	font-style:italic;
	border:solid 1px #aaa;
	width:182px;
	left:0px;
	top:0px;
}
	#cosi_search {
	height:23px; 
	right:120px; 
	}
    #search_dock {
	right:1px;
	top:0px;
	color:#999;
	width:330px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
    #visit_info { left:35px; width:300px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
    #calender_dock { right:0px; width:85px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:10px; }	
    
    #dock_right {
         right:10px; 
         position:absolute; 
         width:160px; 
         height:400px;
    }
    
    .collapseable_bar {
        cursor:pointer;
        color:#777; 
        font-weight:bold; 
        left:0px; 
        right:0px;
        border:none; 
        height:21px; 
        position:absolute; 
        background:url(mysource_files/gradientset_menu.png) repeat-x 0px -60px;
    }
/***********************************************/
 
.menumap_list { 
    list-style:none;
}
.menumap_item { 
}
 
.menumap_item .display {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:40px;
    cursor:pointer;
   background:url(mysource_files/menumap_item.png) repeat-x #eee;
    margin-bottom:1px;
    width:429px;
}
.menumap_item .alt { 
   background:url(mysource_files/menumap_item_alt.png) repeat-x #ddd;
}
.menumap_item .highlight { 
    background-color:#333; 
}
.menumap_item .name { 
 
 height:inherit;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    color:#333;
    padding-left: 5px;
    padding-top: 5px;
	overflow:hidden;
}
    
.menumap_item .description { 

 height:inherit;
padding-top:2px;
font-size:10px;
    position: absolute;
    top: 0px;
    left: 160px;
    width: 200px;
    color: #bbb; 
	padding-left:4px;
	padding-right:4px;
	overflow:hidden;
}
    
.menumap_item .logo{ 
 height:inherit;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    color: #999; 
}
 
.menumap_item .item_termsription { color:blue; }
.menumap_item .item_keywords { color:green; }
 
	.scrollbar .ui-slider-handle {
		background:url(mysource_files/buttonset_dark.png) no-repeat -252px 50%;
	}
   
    #menumap_scroller_up {
		height:20px;
		top:1px;
		width:20px;
		background:url(mysource_files/buttonset_dark.png) no-repeat -0px 50%;
	}
    #menumap_scroller_up:hover {
		height:20px;
		top:1px;
		width:20px;
		background:url(mysource_files/buttonset_dark.png) no-repeat -21px 50%;
		cursor:pointer;
	}
	
    #menumap_scroller_down {
		height:20px;
		top:315px;
		width:20px;
		background:url(mysource_files/buttonset_dark.png) no-repeat -63px 50%;
	}
    #menumap_scroller_down:hover {
		height:20px;
		top:315px;
		width:20px;
		background:url(mysource_files/buttonset_dark.png) no-repeat -84px 50%;
		cursor:pointer;
	}
	
    #menumap_scroller {
        left:0px;
        top:34px;
		height:274px;
    }

/***********************************************/
    .menu_button {
        text-decoration:none !important; 
        cursor:pointer; 
        left:0px; 
        width:191px; 
        height:30px; 
        position:absolute;
        padding-left:60px;
        font-weight:bold;
        text-align:left;
		background:url(mysource_files/gradientset_menu.png) repeat-x 0px -60px;
    }
    .inactive {
        background-color:#cfcfcf;
        color:#333;
    }
    .hover {
        background-color:#333;
        color:#eee;
		background:url(mysource_files/gradientset_menu.png) repeat-x 0px -30px;
    }
    .clicked {
        background-color:#444;
        color:#eee;
        background:url(mysource_files/gradientset_menu.png) repeat-x 0px 0px;
    }
    
.search_button{
	cursor:pointer;
    position:absolute;
    background-color:#333;
    top:1px;
    width:60px;
    height:21px;
}
</style> 

<script type="text/javascript" src="mysource_files/menumap.js"></script> 
<script type="text/javascript" src="mysource_files/cookie.js"></script>
<script type="text/javascript" src="mysource_files/design.js"></script>
<script type="text/javascript"> 
		    
$(document).ready(function() { 

	InitializeDesign();
	InitiliazeSessionStatus();
	initalizeMenumap();
          
	reloateViewpane("./welcome.html");	
    $("#title_bar").hide().fadeIn(1000);

});
 
</script> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head> 
<body> 
 
    <!-- 
    --------------------------------------------------
    - COSI TITLE BLOCK
    --> 
    <div id="title_bar" style="position:absolute;height:133px; left:0px; top:0px; right:30px; background:#cc0000 url(mysource_files/gradientset_title.png) 0px 0px;"> 
        <div style="position:absolute; left:15px; width:300px; top:5px; height:100px; background:no-repeat url(mysource_files/top_uow.png)"></div> 
        <div style="position:absolute; right:150px; width:250px; top:5px; height:100px; background:no-repeat url(mysource_files/top_cosi.png)"></div> 
 
        <div style="right:0px; position:absolute; width:83px; height:143px; top:0px; background: url(mysource_files/top_wedge.png) no-repeat;"></div> 
        <div style="position:absolute; left:0px; right:83px; top:110px; height:23px; background:url(mysource_files/gradientset_title.png) 0px 110px repeat-x; border-bottom:#ccc 1px solid;"> 
            <div id="visit_info" class="title_bar"></div> 
            <div id="search_dock" class="title_bar"> 
              <form><input id="cosi_search" class="search_field" width="200" border="0" value="Enter search terms here"></form>
              <div class="title_bar search_button" style="right:88px; height:19px; top:0px; background:url(mysource_files/go_idle.png) no-repeat center;"></div> 
            <div id="calender_dock" class="title_bar search_button" style="height:19px; top:0px; background:url(mysource_files/calender_idle.png) repeat center;"></div> 
            
<!-- 
--------------------------------------------------
- COSI CANLENDER DOCK ACCESS PANEL
- A panel that dynamically displays the calender when invoked
-->       
<div id="calender_dock_panel">
</div> 

            </div> 
        </div> 
    </div> 
    
    <!-- 
    --------------------------------------------------
    - COSI CONTENT BLOCK
    --> 
    <div id="content_container" style="position:absolute; left:0px; top:160px; right:0px; bottom:0px; height:750px;">                     
        
        <!-- 
        --------------------------------------------------
        - COSI LEFT PANEL
        - Left panel of website structure.
        - Includes main menu, calender, docking bad
        --> 
      <div class="left_panel"> 
        
                <!-- 
                --------------------------------------------------
                - Interactive title bar of panel
                --> 
                   <div id="left_panel_toggle" class="collapseable_bar" style="width:189px;"> 
                    <div class="panel_toggle_button"></div> 
                </div> 
        
                <!-- 
                --------------------------------------------------
                - COSI main menu
                -->                
                <div class="menu_buttonset menu_buttonset-single"> 
                    <button id="welcome_button" class="menu_button ui-state-default" style="top:36px;">Home</button> 
                    <button id="news_button" class="menu_button ui-state-default" style="top:65px;">News</button> 
                    <button id="events_button" class="menu_button ui-state-default" style="top:94px;">Events</button> 
                    <button id="projects_button" class="menu_button ui-state-default" style="top:123px;">Projects</button> 
                    <button id="help_button" class="menu_button ui-state-default" style="top:152px;">Help</button>     
                </div> 
        	<!-- 
            --------------------------------------------------
            - Interactive docking bay on left of COSI layout
            --> 
            <div id="dock_left" class="dock" style="left:0px; width:189px; top:220px; height:350px;"> 
                <div id="portlet_preferences" class="portlet"> 
                    <div class="portlet-header">Preferences</div> 
                    <div class="portlet-content" style="height:100px;"> 
                        Theme
                        <br>Reset Layout
                        <br>Text size
                        <br>Animation
                    </div> 
                </div>      
            </div>  
        </div> 
                      
        <!-- 
        --------------------------------------------------
        - COSI CENTER PANEL
        - Center panel of website structure that contains
        - currently viewed media
        -->       
        <div class="body" id="dacretest"> 
        </div> 
                  
        <!-- 
        --------------------------------------------------
        - COSI FOOTER
        - Footer of the website structure that contains
        - legal access etc
        -->  
         <div class="footer"> 
<a href="<MySource_PRINT id_name="__global__" var="site_link" full_url="true"/>/copyright">Copyright and Legal Statement</a> | <a href="mailto:webmaster@cosi.scms.waikato.ac.nz">Webmaster</a> | <a href="<MySource_PRINT id_name="__global__" var="site_link" full_url="true"/>/site-map">Site Map</a><br /> 
The University of Waikato 2009
</div> 
 
         
        <!-- 
        --------------------------------------------------
        - COSI RIGHT PANEL
        - Rightmost panel of website structure that contains
        - space for docking website elements
        -->       
<div id="dock_right" class="dock"> 
                   
            <!-- 
            --------------------------------------------------
            - Default design placement of stats portlet
            -->  
            <div id="portlet_statistics" class="portlet"> 
                <div class="portlet-header">Statistics</div> 
                <div class="portlet-content">Page views</div> 
            </div> 
            
            <!-- 
            --------------------------------------------------
            - Default design placement of quicklinks portlet
            -->  
            <div id="portlet_quicklinks" class="portlet"> 
                <div class="portlet-header">Quick Links</div> 
                <div class="portlet-content"> 
                    Links are here<br> 
                    Links are here<br> 
                    Links are here<br> 
                </div> 
            </div> 
      </div> 
</div> 

         
<!-- 
--------------------------------------------------
- COSI MENUMAP DESIGN
--> 
<div id="menumap" class="ui-widget-content"> 
 
    <!-- 
    --------------------------------------------------
    - Interactive title bar of menumap
    --> 
    <div id="menumap_toggle_bar" class="collapseable_bar" style="width:449px;"> 
        <div style="position:absolute; padding:2px; padding-left:10px;">Project Browser</div> 
        <div class="panel_toggle_button"></div> 
    </div> 
    
    <!-- 
    --------------------------------------------------
    - Container layers for contained view of overflowing
    - menumap items
    --> 
    <div id="menumap_list_container" class="menumap_container" style="top:36px; overflow:hidden;"> 
        <div id="menumap_list" class="menumap_container"> 
 
                <!-- 
            --------------------------------------------------
            - The listed data in the menumap
            -->         
	      <MySource_AREA id_name="menumap_projects" design_area="nest_content" />

            
      </div> 
    </div> 
    
    <!-- 
    --------------------------------------------------
    - The scrollbar of the menumap and a container for
    - control over styling
    --> 
    <div style="position:absolute; left:430px; top:36px; width: 20px; height: 334px; background-color:#ddd;" > 
        <div id="menumap_scroller_up" class="button"></div>
        <div id="menumap_scroller" class="scrollbar"></div>
        <div id="menumap_scroller_down" class="button"></div> 
    </div> 
    
    <!-- 
    --------------------------------------------------
    - The lower bar of the menumap that contains 
    - interactive search field and buttons for clearing
    - and manually invoking result feedback
    --> 
    <div style="background:url(mysource_files/gradientset_menu.png) repeat-x 0px -60px; position:absolute; width:450px; height:23px; top:370px; left:0px; border:0px; border:none; color:#333;">         <input id="menumap_search" class="search_field" style="left:146px; height:21px; top:1px;" width="227" border="0" value="Enter search terms here"> 
        <div id="menumap_button_search" class="search_button" style="right:61px; background:url(mysource_files/go_idle.png) no-repeat;" ></div> 
        <div id="menumap_button_reset" class="search_button" style="right:0px; background:url(mysource_files/reset_idle.png) no-repeat;" ></div> 
    </div> 
</div> 
 
 
<!-- 
--------------------------------------------------
- COSI Stats via Google Analytics
-->  
<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
	try {
		var pageTracker = _gat._getTracker("UA-8600810-2");
		pageTracker._trackPageview();
	} catch(err) {}
</script>
</body> 
</html> 